{include file="auth_header" /}
<style type="text/css">
    .authenticateTip{
        margin: 20px 0;
        padding: 0 20px;   
        line-height: 22px;
    }
    .videoAuthenticateRadioBox>div{
        position: relative;
        margin-left: 20%;
        line-height: 30px;  
        width: 160px;
        padding-left: 30px;
    }
    .takeVideo{
        opacity: 0;
        z-index: 9;
        position: absolute;
        top: 10px;
        left: 0;  
        bottom: 10px;  
        width: 100%;
    }   
    .videoShow {
        margin: 40px 0;  
        width: 100%;    
        text-align: center;  
    }    
    .videoShow video{
        width: 100%; 
        max-height: 200px; 
    }
    .authenticateBtnBox{
        position: inherit; 
    }
    .authenticateUploadBtn{
        display: none;
        margin-bottom: 10px; 
    }
</style>
<body> 
<div class="padding10px">  
    <div class="textalignc margin20px">
        <img src="__IMAGES__step2.png" alt="步骤1" width="100%">
        <div class="clearFix authenticateStepsBox">
            <div class="">身份认证</div>
            <div class="">人脸识别</div>
            <div class="colorLightGray" style="padding-left: 10px;">选择课程信息</div>
        </div>
    </div>
    <div>
        <div class="textalignc marginAll20px" id="videoshow">
            <img src="__IMAGES__authenticate.png" alt="检测" width="157">
        </div>
        <div class="marginAll20px">
            <div>请选择任意一个检测动作，拍摄3秒左右的视频，便于我们进行识别检测：</div>
        </div>
        <div class="videoAuthenticateRadioBox">
            <div class=""> 
                <div class="radioBox">
                    <input type="radio" name="videoType" value="BLINK" checked="checked">
                    <label></label>
                </div>
                <span>眨眼</span>
            </div>
            <div class=""> 
                <div class="radioBox">
                    <input type="radio" name="videoType" value="NOD">
                    <label></label>
                </div>
                <span>点头</span>
            </div>
            <div class=""> 
                <div class="radioBox">
                    <input type="radio" name="videoType" value="YAW">
                    <label></label>
                </div>
                <span>摇头</span>
            </div>
            <div class=""> 
                <div class="radioBox">
                    <input type="radio" name="videoType" value="MOUTH">
                    <label></label>
                </div>
                <span>张嘴</span>
            </div>
        </div>
    </div>
    <div class="authenticateTip color999">
        <img src="__IMAGES__authenticateTip.png" width="10" alt="tip">
        蚂蚁白领保护用户隐私，您的图像资料仅用于本次身份信息认证
    </div>
    <div id="videoShow" class="videoShow"></div>
    <div class="authenticateBtnBox">
        <input type="hidden" id="videoType">
        <input type="hidden" id="videoData">
        <a class="bgYellow authenticateBtn authenticateUploadBtn" id="authenticateUploadBtn">上传检测</a>
        <div class="positionR">
            <a class="bgYellow authenticateBtn">开始采集</a>
            <input type="file" accept="video/*" onchange="takeVideo(this)" class="takeVideo" capture="camcorder" value="开始采集"/>
        </div>
    </div> 
</div> 
</body>
<script type="text/javascript" src="__JS__user/videoform.js?v={:config('version')}"></script>
{include file="footer" /}
